import React from 'react'
import styles from './index.module.css'
import cart1 from "../../../assets/cart1.jpg";
import {TextareaItem, ImagePicker} from 'antd-mobile'
// import Rater from 'react-rater'
// import 'react-rater/lib/react-rater.css'
import Nav from '../../../components/nav'


const Index: React.FC = () => {
    return (
        <div className={styles.container}>

            <Nav title={"评分"}/>
            <div className={styles.goods}>
                <img src={cart1} alt="" style={{borderRadius: '8px'}}/>
                <div style={{
                    padding: '2px 0 2px 10px',
                    display: 'flex',
                    flexDirection: 'column',
                    justifyContent: 'space-around',
                }}>
                    <b>陶瓷盖碗套组龙泉青瓷</b>
                    <span>淡青色</span>
                    <div style={{
                        display: 'flex',
                        justifyContent: 'space-between',
                        alignItems: 'center'
                    }}>
                        <b style={{marginRight: '10px'}}>¥50.00</b>
                    </div>
                </div>
            </div>

            <div className={styles.score}>
               <span style={{
                   fontSize: '16px',
                   color: '#666666'
               }}>整体评价</span>
                {/*<Rater total={5} rating={2}/>*/}
            </div>


            <div className={styles.content}>
                <TextareaItem
                    rows={3}
                />
                <ImagePicker/>
            </div>
        </div>
    );
};

export default Index
